<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="style/bootstrap-3.3.5-dist/css/bootstrap.min.css"/>
	<link rel="stylesheet" type="text/css" href="style/topNav.css"/>
	<link rel="stylesheet" type="text/css" href="style/content.css"/>
	<link rel="stylesheet" type="text/css" href="style/foot.css"/>
	<script src="js/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/content.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>

<!---------------顶部会员消息区域开始------------>
<div id="memBox">
	<div id="mem">
		<div class="left">
			<p>YOHO!有货</p>
		</div>
		<div class="right">
			<ul>
				<p>
					<span>Hi~</span>
					<a href="">[请登录]</a>
					<a href="">[免费注册] </a>|
				</p>
				<li><a href="">MY有货</a>|</li>
				<li><a href="">我的订单</a>|</li>
				<li><a href="">我的收藏</a>|</li>
				<li><a href="">消息</a>|</li>
				<li class="mob">
					<a href="">手机版</a>
					<div class="code">
						<div class="codeImg"></div>
						<h3 class="codeWords">扫描二维码</h3>
						<h3 class="codeWords">下载有货手机客户端</h3>
						<a href="">更多客户端下载</a>
					</div>
				</li>
			</ul>
		</div>
	</div>
</div>
<!---------------顶部会员消息区域结束------------>


<!---------------顶部导航搜索区域开始 ----------->

<div id="navSearchBox">
	<!--导航、二级菜单开始-->
	<div class="navSearch">
		<ul class="navCate">
			<li class="checked">
				<p><a class="titleC" href="">男生</a></p>
				<p><a class="titleE" href="">BOYS</a></p>
			</li>
			<li>
				<p><a class="titleC" href="">女生</a></p>
				<p><a class="titleE" href="">GIRLS</a></p>
			</li>
			<li>
				<p><a class="titleC" href="">创意生活</a></p>
				<p><a class="titleE" href="">LIFE STYLE</a></p>
			</li>
		</ul>
	</div>	
	<div class="navBg">
		<div class="nav show">
			<ul class="navCate">
				<li><a class="Cate" href="">新品到着</a></li>
				<li><a class="Cate" href="">品牌一览</a></li>
				<li>
					<a class="Cate" href="">服饰</a>
					<!--这块循环数据时参考test_cate-->
					<div class="cateBox">
						<div class="cateAll">
							<div class="sonCate ">
								<p class="cateTitle"><a href="">上装</a></p>
								<p><a class="hot" href="">衬衫</a></p>
								<p><a href="">TEE</a></p>
								<p><a href="">卫衣</a></p>
								<p><a href="">夹克</a></p>
								<p class="cateTitle"><a href="">下装</a></p>
								<p><a class="hot" href="">休闲裤</a></p>
								<p><a href="">牛仔裤</a></p>
								<p><a href="">运动裤</a></p>
							</div>
							<div class="sonCate noF">
								<p><a href="">短裤</a></p>
								<p class="cateTitle"><a href="">经典款型</a></p>
								<p><a href="">牛仔衬衫</a></p>
								<p><a class="hot" href="">连帽套头卫衣</a></p>
								<p><a href="">暗黑系TEE</a></p>
								<p><a href="">哈伦裤</a></p>
								<p class="cateTitle"><a href="">热门品牌</a></p>
								<p><a href="">CLOTtee</a></p>
								<p><a href="">izzue</a></p>
							</div>
							<div class="sonCate noF">
								<p><a class="hot" href="">Dickies</a></p>
								<p><a href="">joyrich</a></p>
								<p><a href="">Lee</a></p>
								<p><a class="hot" href="">DEPOT3</a></p>
								<p><a href="">Passionarts</a></p>
								<p><a href="">BLACKJACK</a></p>
								<p><a href="">NPC</a></p>
								<p><a class="hot" href="">DOPE PLUS K</a></p>
								<p><a href="">HEART</a></p>
							</div>
							<div class="cateImg">
								<img src="images/cate.jpg" alt="" />
								<a href="">IN季新品全面开售</a>
							</div>
						</div>
					</div>
				</li>
				<li><a class="Cate" href="">鞋履</a></li>
			</ul>
		</div>
	</div>
	<!--导航、二级菜单结束-->
	
	<!--图片logo-->
	<a class="logo" href=""><img src="images/logo_e.png" alt="" /></a>
	<!--搜索区域-->
	<div class="search">
		<form action="" method="post">
			<input class="words" name="words" type="text" />
			<input type="submit" class="sub" value="" />
		</form>
		<!--购物车-->
		<div class="car">
			<a href="" class=""><img src="images/car.png"/></a>
			<a href="" class="carBg">0</a>
		</div>
	</div>
</div>
<!---------------顶部导航搜索区域开始 ----------->

<!---------------内容页头部开始 ----------->
<div id="conTopBox">
	<div id="conTop">
		<div class="logo">
			<img src="images/conTopLogo.jpg" alt="" />
		</div>
		<div class="mem">
			<a href=""><img src="images/home.png"/></a>
			<a href=""><img src="images/love.png"/></a>
		</div>
	</div>
</div>
<!---------------内容页头部结束 ----------->


<!---------------面包屑开始 ----------->
<div id="bread">
	 <a href="">BOYS首页</a>
	 <span>></span>
	 <a href="">上衣</a>
	 <span>></span>
	 <a href="">T恤</a>
	 <span>></span>
	 <span class="last">DOPE Cosign Tee</span>
</div>
<!---------------面包屑结束 ----------->


<!---------------商品信息区域开始 ----------->
<div id="goodsInfo">
	<div class="goodsImg">
		<div class="bigImg">
			<img src="images/goods/goodsInfo.jpg" alt="" />
		</div>
		<div class="thumb">
			<a href=""><img src="images/goods/goodsInfo.jpg" alt="" /></a>
		</div>
	</div>
	
	<div class="right">
		<!--商品名称-->
		<div class="title">
			<h3>DOPE Cosign Tee </h3>
			<p><a href="">DOPE</a></p>
		</div>
		<!--商品价格-->
		<div class="price">
			<span >市场价：</span>
			<span class="marketPrice">￥329.00</span>
		</div>
		<!--价格活动-->
		<div class="activity">
			<div class="activityImg">
				<a href=""><img src="images/goods/price.jpg" alt="" /></a>
			</div>
			<div class="activityCon">
				<ul>
					<li><span>满减</span>【优品推介】满￥599减￥150</li>
					<li><span>满减</span>【优品推介】满￥399减￥80</li>
					<li><span>加价购</span>【全场99元加价购】</li>
					<li><span>加价购</span>【全场49元加价购】</li>
					<li><span>加价购</span>【全场19元加价购】</li>
				</ul>
			</div>
		</div>
		<!--价格活动结束-->
		
		<!--商品购买区域-->
		<div class="goodsBuy">
			<ul>
				<li class="goodsColor">
					<span>选颜色：</span>
					<a class="checked" href="javascript:;"><img src="images/goods/buy/color.jpg"/></a>
					<a href="javascript:;"><img src="images/goods/buy/color.jpg"/></a>
					<a href="javascript:;"><img src="images/goods/buy/color.jpg"/></a>
				</li>
				<li class="size">
					<span>选尺码：</span>
					<a  class="checked" href="javascript:;">S</a>
					<a href="javascript:;">M</a>
					<a href="javascript:;">L</a>
					<a href="javascript:;">XL</a>
				</li>
				<li class="quantity">
					<span>选数量：</span>
					<span class="num">1</span>
					<span class="change">
						<a class="up" href="javascript:;">+</a>
						<a class="down" href="javascript:;">-</a>
					</span>
					
				</li>
			</ul>
			<form action="" method="post">
				<input type="hidden" name="" value="" />
				<input type="hidden" name="" value="" />
				<input type="hidden" name="" value="" />
				<input type="hidden" name="" value="" />
				<input type="hidden" name="" value="" />
				<input type="hidden" name="" value="" />
				<input type="hidden" name="" value="" />
				<input type="submit" name="" id="car" value="添加到购物车" />
				<a href="" >收藏商品</a>
			</form>
		</div>
	</div>
	
</div>

<!---------------商品信息区域结束 ----------->



<!---------------商品属性区域开始 ----------->
<div id="goodsAttr">
	
	<div class="attr attr1">
		<ul class="title">
			<li class="tab checked">商品信息 DESCRIPTION </li>
			<li class="mid">|</li>
			<li class="tab"> 材质洗涤 MATERIALS</li>
		</ul>
		<!--商品信息 DESCRIPTION对应的内容-->
		<div class="attrGoodsInfo">
			<table border="0" cellspacing="" cellpadding="">
				<tr>
					<td>编号：51124722</td>
					<td>颜色：黑色</td>
					<td>性别： 男款</td>
					<td>领型：圆领</td>
				</tr>
				<tr>
					<td>衣长：适中</td>
					<td>袖长：短袖</td>
					<td>版型：正常</td>
					<td>厚度：中</td>
				</tr>
				<tr>
					<td>经典款型：图案T恤</td>
					<td>袖型：正常</td>
					<td></td>
					<td></td>
				</tr>
			</table>
			<div class="attrGoodsSizeImg"><img src="images/goods/size.png" alt="" /></div>
		</div>
		<!--商品信息 DESCRIPTION对应的内容结束-->
		
		<!--材质洗涤 MATERIALS对应的内容-->
		<div class="attrGoodsWater">
			<img src="images/goods/water.png" alt="" />
		</div>
		<!--材质洗涤 MATERIALS对应的内容结束-->
	</div>
	
	<div class="attr attrSizeInfo">
		<ul class="title only">
			<li class="checked">尺码信息 SIZE INFO</li>
		</ul>
		<table class="attrSize">
			<tr class="sizeTitle">
				<td>吊牌尺码</td>
				<td>后衣长</td>
				<td>前衣长</td>
				<td>袖长</td>
				<td>胸围</td>
				<td>肩宽</td>
			</tr>
			<tr>
				<td>S</td>
				<td>70</td>
				<td>70</td>
				<td>19</td>
				<td>90</td>
				<td>39</td>
			</tr>
			<tr>
				<td>M</td>
				<td>73</td>
				<td>73</td>
				<td>20</td>
				<td>92</td>
				<td>42</td>
			</tr>
			<tr>
				<td>L</td>
				<td>74</td>
				<td>74</td>
				<td>21</td>
				<td>104</td>
				<td>47</td>
			</tr>
			<tr>
				<td>XL</td>
				<td>78</td>
				<td>78</td>
				<td>23</td>
				<td>114</td>
				<td>51</td>
			</tr>
		</table>
		<p>※ 以上尺寸为实物人工测量，因测量方式不同会有1-2CM误差，相关数据仅作参考，以收到实物为准。  单位：CM</p>
		<p>※ 参考尺码因衣服版型、剪裁不同会有误差，仅供参考</p>
		<img src="images/goods/topsSize.jpg" alt="" />
	</div>
	
	<div class="attr">
		<ul class="title only">
			<li class="checked">模特试穿 REFERENCE</li>
		</ul>
		<table class="attrSize">
			<tr class="sizeTitle">
				<td>模特</td>
				<td>身高</td>
				<td>体重</td>
				<td>三围</td>
				<td>吊牌尺码</td>
				<td>试穿描述</td>
			</tr>
			<tr>
				<td>Pichugin</td>
				<td>184</td>
				<td>74</td>
				<td>92/82/98 </td>
				<td>XL</td>
				<td>偏大</td>
			</tr>
			<tr>
				<td>Jeff</td>
				<td>182</td>
				<td>70</td>
				<td>87/80/97</td>
				<td>L</td>
				<td>合适</td>
			</tr>
		</table>
	</div>
	
	
	<div class="attr goodsDetails">
		<ul class="title only">
			<li class="checked">商品详情 DETAILS</li>
		</ul>
		<p>洛杉矶街头品牌 DOPE 近日发布了名为 “Take Trips, Live Rich” 的 2015 夏季造型搭配 Lookbook，用态度诠释品牌坚实街头概念。 作为洛杉矶街牌中标杆般的存在拥有众多拥趸，除了经典帽款外，服饰也愈发值得尝试，感兴趣的朋友不妨前往选购。</p>
		<img src="images/content/1.jpg" alt="" />
		<img src="images/content/2.png" alt="" />
		<img src="images/content/3.png" alt="" />
		<div >
			<h3>DOPE 2015 夏季“Take Trips, Live Rich” 造型搭配Lookbook</h3> 
			<p>此番DOPE 以探索的方式运用大量网面、针织等材质带来棒球队服、衬衫、T恤以及裤装等单品，</p>
			<p>众多款式中DOPE 将品牌字母、海浪、植物等元素作为印花呈现于系列中，</p>
			<p>充满想象的创意与街头风格服饰相结合将DOPE 街头态度彰显。</p>
		</div>
		<img src="images/content/4.png" alt="" />
		<img src="images/content/5.png" alt="" />
		<img src="images/content/6.png" alt="" />
		<img src="images/content/7.png" alt="" />
		<img src="images/content/8.png" alt="" />
		<img src="images/content/9.png" alt="" />
		<img src="images/content/10.jpg" alt="" />
		<img src="images/content/11.jpg" alt="" />
		<img src="images/content/12.png" alt="" />
		<img src="images/content/13.png" alt="" />
		<img src="images/content/14.jpg" alt="" />
		<img src="images/content/15.jpg" alt="" />
		<img src="images/content/16.jpg" alt="" />
		<img src="images/content/17.jpg" alt="" />
		<img src="images/content/18.jpg" alt="" />
		<img src="images/content/19.jpg" alt="" />
		<img src="images/content/20.jpg" alt="" />
	</div>
	
	<div class="attr user">
		<ul class="title ">
			<li btn="myAsk" class="my checked">顾客咨询 (<span>0</span>)</li>
			<li class="mid">|</li>
			<li btn="mySay" class="my ">购买评价 (<span>0</span>)</li>
		</ul>
		
		<div class="msg">
			<!--咨询内容-->
			<div class="comment askBox">
				<div class="msgTitle myAsk">
					<p>购买咨询(<span>0</span>)</p>
				</div>
				<div class="userCom">
					<img src="images/content/boy.jpg" alt="" />
					<p class="ask">身高162~裤子是29的~s码可以穿吗？！</p>
					<p class="time">2015-08-30 23:39:22</p>
					<p class="answer">您好，按照您提供的信息，建议参考S号，购买裤子是参考具体腰围厘米数的，不同品牌款式的尺码是不一样的，您也可以测量下自己的腰围然后参考网页尺码选择，感谢您对yoho!有货的关注。</p>
				</div>
				<div class="userCom">
					<img src="images/content/boy.jpg" alt="" />
					<p class="ask">身高162~裤子是29的~s码可以穿吗？！</p>
					<p class="time">2015-08-30 23:39:22</p>
					<p class="answer">您好，按照您提供的信息，建议参考S号，购买裤子是参考具体腰围厘米数的，不同品牌款式的尺码是不一样的，您也可以测量下自己的腰围然后参考网页尺码选择，感谢您对yoho!有货的关注。</p>
				</div>
				<a href="javascript:;" class="btn myAsk">我要咨询</a>
			</div>
			<!--评价内容-->
			<div class="comment sayBox">
				<div class="msgTitle mySay">
					<p>购买评价(<span>0</span>)</p>
				</div>
				<div class="userCom">
					<img src="images/content/boy.jpg" alt="" />
					<p class="ask">FranKa购买了红色/XL</p>
					<p class="time">2015-08-30 23:39:22</p>
					<p class="answer">您好，按照您提供的信息，建议参考S号，购买裤子是参考具体腰围厘米数的，不同品牌款式的尺码是不一样的，您也可以测量下自己的腰围然后参考网页尺码选择，感谢您对yoho!有货的关注。</p>
				</div>
				<div class="userCom">
					<img src="images/content/boy.jpg" alt="" />
					<p class="ask">身高162~裤子是29的~s码可以穿吗？！</p>
					<p class="time">2015-08-30 23:39:22</p>
					<p class="answer">您好，按照您提供的信息，建议参考S号，购买裤子是参考具体腰围厘米数的，不同品牌款式的尺码是不一样的，您也可以测量下自己的腰围然后参考网页尺码选择，感谢您对yoho!有货的关注。</p>
				</div>
				<a href="javascript:;" class="btn myAsk">我要评论</a>
			</div>
			
			<div class="newMsg myAsk">
				<form action="" method="post">
					<textarea name="comment" rows="" class="comText" cols=""></textarea>
					<input type="text" name="code" class="code" />
					<img src="" alt="验证码" class="code" />
					<input type="submit" value="提交查询" class="btn" />
				</form>
			</div>
			<div class="newMsg mySay">
				<form action="" method="post">
					<textarea onresize="" name="comment" rows="" class="comText" cols=""></textarea>
					<input type="text" name="code" class="code" />
					<img src="" alt="验证码" class="code" />
					<input type="submit" value="发表评论" class="btn" />
				</form>
				
			</div>
		</div>
	</div>
</div>

<!---------------商品属性区域结束 ----------->


	
<!---------------底部区域开始------------>	
<div id="footBox">
	<div class="foot">
		<div class="top">
			<p class="bz">	
				<span class="red">100%</span>
				<span class="white">品牌授权正品</span>
			</p>
			<p class="sh">
				<span class="red">7天</span>
				<span class="white">无理由退换货</span>
			</p>
			<p class="dh">
				<span class="white">客服电话</span>
				<span class="red">400-889-9646</span>
				<span class="white">09:00-22:30(周一至周日)</span>
			</p>
		</div>
		<div class="list">
			<ul>
				<li ><a class="title" href="">新手指南</a></li>
				<li><a href="">新用户注册</a></li>
				<li><a href="">会员登录</a></li>
				<li><a href="">订购流程</a></li>
				<li><a href="">交易须知</a></li>
			</ul>
			<ul>
				<li ><a class="title" href="">付款方式</a></li>
				<li><a href="">支付方式</a></li>
				<li><a href="">常见支付问题</a></li>
				<li><a href="">如何办理退款</a></li>
				<li><a href="">发票制度说明</a></li>
			</ul>
			<ul>
				<li ><a class="title" href="">配送方式</a></li>
				<li><a href="">配送时间及范围</a></li>
				<li><a href="">订单的拆分</a></li>
				<li><a href="">商品验收与签收</a></li>
			</ul>
			<ul>
				<li ><a class="title" href="">售后服务</a></li>
				<li><a href="">如何办理退换货</a></li>
				<li><a href="">退换货政策</a></li>
				<li><a href="">在线客服</a></li>
			</ul>
			
			<ul>
				<li ><a class="title" href="">帮助中心</a></li>
				<li><a href="">找回密码</a></li>
				<li><a href="">常见问题</a></li>
				<li><a href="">谨防诈骗</a></li>
			</ul>
			<ul>
				<li ><a class="title" href="">优惠政策</a></li>
				<li><a href="">VIP会员制度说明</a></li>
				<li><a href="">YOHO币</a></li>
				<li><a href="">优惠券</a></li>
				<li><a href="">兑换礼品卡</a></li>
			</ul>
		</div>
		
		<div class="bottom">
			<div class="left">
				<img src="images/credit-flag3.png" alt="" />
				<img src="images/isc2.png" alt="" />
			</div>
			<div class="right">
				<p class="con">
					<a href="">返回首页</a>
					<span>|</span>
					<a href="">YOHO!有货</a>
					<span>|</span>
					<a href="">新力传媒</a>
					<span>|</span>
					<a href="">联系我们</a>
					<span>|</span>
					<a href="">商家入驻</a>
					<span>|</span>
					<a href="">隐私条款</a>
					<span>|</span>
					<a href="">友情链接</a>
				</p>
				<p>CopyRight © 2007-2016 南京新与力文化传播有限公司 苏ICP备09011225号 NewPower Co. 版权所有 经营许可证编号：苏B2-20120395
</p>
			</div>
		</div>
		
	</div>
</div>	
<!---------------底部区域结束------------>	






</body>
</html>
<!---------------商品信息区域结束 ----------->